<template>
    <div>
      <!--面包屑-->
      <el-breadcrumb separator="/" style="padding-left: 10px;padding-bottom: 10px;font-size: 12px;">
        <el-breadcrumb-item :to="{ path: '/main' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>系统管理</el-breadcrumb-item>
        <el-breadcrumb-item>课程管理</el-breadcrumb-item>
      </el-breadcrumb>
      <!--卡片-->
      <el-card class="box-card" style="width: 100%;">
        <template>
          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="公共课" name="first">公共课管理界面</el-tab-pane>
            <el-tab-pane label="嵌入式系统方向" name="second">嵌入式系统方向课管理</el-tab-pane>
            <el-tab-pane label="应用端软件方向" name="third">应用端软件方向课管理</el-tab-pane>
          </el-tabs>
        </template>
      </el-card>
    </div>
</template>

<script>
    export default {
        name: "course",
        data(){
          return{
            activeName: 'second'
          }
        },
      methods: {
        handleClick(tab, event) {
          console.log(tab, event);
        }
      }
    }
</script>

<style scoped>

</style>
